<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="e1">
    <img src="bla.png" class="a1">


   <img src="ssl.png" class="s1">
    <img src="ssb.png" class="s2">
    <div class="s3">Egg</div>
    <img src="hy.png" class="s4">
<img src="cha.png" class="s5">



    <img src="6839.png" class="a4">

    <img src="000.png" class="a5">
    <img src="jidanll.png" class="a6">

    <div class="r1">Egg Chicken Red</div>
    <div class="r2">4pcs,<br> Price</div>
    <div class="r3">$1.99</div>
    <img src="63.png" class="r4">
    <img src="jia.png" class="r5">

    <img src="000.png" class="a7">
    <img src="jidanw.png" class="a8">

    <div class="t1">Egg Chicken White</div>
    <div class="t2">180g, <br> Price</div>
    <div class="t3">$1.50</div>
    <img src="63.png" class="t4">
    <img src="jia.png" class="t5">

    <img src="000.png" class="a9">
    <img src="shup.png" class="w1">

    <div class="y1">Egg Pasta</div>
    <div class="y2">30gm,  Price</div>
    <div class="y3">$15.99</div>
    <img src="63.png" class="y4">
    <img src="jia.png" class="y5">

    <img src="000.png" class="w2">
    <img src="jiaozi.png" class="w3">

    <div class="u1">Egg Noodles</div>
    <div class="u2">2L, Price</div>
    <div class="u3">$15.99</div>
    <img src="63.png" class="u4">
    <img src="jia.png" class="u5">

    <img src="000.png" class="w4">
    <img src="niun.png" class="w5">

    <div class="i1"> Mayonnais Eggless</div>
    <div class="i2">325ml, <br> Price</div>
    <div class="i3">$4.99</div>
    <img src="63.png" class="i4">
    <img src="jia.png" class="i5">

    <img src="000.png" class="w6">
    <img src="latiao.png" class="w7">

    <div class="o1">Egg Noodles </div>
    <div class="o2">330ml, <br> Price</div>
    <div class="o3">$4.99</div>
    <img src="63.png" class="o4">
    <img src="jia.png" class="o5">

    <p class="pos_fixed">
        <img src="购物车页面.png" style="left: 20px;
top:10px;position:relative;">
        <a href="http://localhost:63342/untitled5/%E5%88%86%E7%B1%BB.html?_ijt=lvqo2hcmbf6ufmnoco9jq3n9kh&_ij_reload=RELOAD_ON_SAVE">
            <img src="搜索标签.png" style="left: 60px;
top:10px;position:relative;">
        </a>
        <img src="购物车页面.png" style="left: 100px;
top:13px;position:relative;">

        <img src="收藏页面.png" style="left: 140px;
top:14px;position:relative;">

        <img src="个人主页.png" style="left: 180px;
top:14px;position:relative;">



    </p>
</div>
</body>



<style>
    p.pos_fixed
    {
        position:fixed;
        top:600px;
        left: 7px;
        width: 408px;
        height: 80px;
        background-color: white;
        border: 1px solid antiquewhite;
    }
    .e1{
        left: -1366px;
        top: -813px;
        width: 405px;
        height: 870px;
        opacity: 1;
        background: rgba(255, 255, 255, 1);
        border: 1px solid antiquewhite;

    }
    .a1{
        left: -0.4px;
        top: 4.83px;
        width: 414px;
        height: 80px;
        opacity: 1;
    }
    .s1{
        left: 25.01px;
        top: 48.83px;
        width: 324.82px;
        height: 51.57px;
        opacity: 1;
        border-radius: 15px;
        background: rgba(242, 243, 242, 1);
        position: absolute;

    }
    .s2{
        left: 39.81px;
        top: 65.02px;
        width: 17.97px;
        height: 18.21px;
        opacity: 1;
        background:#F0F1F1FF;
position: absolute;
    }
    .s3{
        left: 67.46px;
        top: 67.22px;
        width: 85.54px;
        height: 20px;
        opacity: 1;
        /** 文本1 */
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 19.21px;
        color: rgba(24, 27, 25, 1);
        text-align: left;
        vertical-align: top;
position: absolute;
    }
    .s4{
        left: 321.34px;
        top: 66.86px;
        width: 15.52px;
        height: 15.52px;
        opacity: 1;
        background: rgba(197, 197, 197, 1);
position: absolute;
        border-radius: 50%;

    }
.s5{
    left: 327px;
    top: 71px;
    width: 4.13px;
    height: 6.89px;
    opacity: 1;
    transform: rotate(-180deg);


position: absolute;
}


    .a4{
        left: 372.2px;
        top: 57.21px;
        width: 16.8px;
        height: 17.85px;
        opacity: 1;
        position: absolute;
    }
    .a5{
        left: 25.01px;
        top: 104.93px;
        width: 173.32px;
        height: 248.51px;
        border-radius: 18px;
        position: absolute;


    }
    .a6{
        left: 47.55px;
        top: 141.16px;
        width: 121.69px;
        height: 121.69px;
        opacity: 1;
        background: url(https://img.js.design/assets/img/622ad484cde90a439156c28c.png#8dd00e217746f6798897e2226ccc814c);
position: absolute;
    }
    .a7{
        left: 213.14px;
        top: 104.93px;
        width: 173.32px;
        height: 248.51px;
        border-radius: 18px;
        position: absolute;

    }
    .a8{
        left: 233.99px;
        top: 155.52px;
        width: 129.06px;
        height: 85.83px;
        opacity: 1;
        background: url(https://img.js.design/assets/img/622ad48a85c5ce120f788f6d.png#0f71cea5ec3eea0869e365a3fa98f22d);
position: absolute;
    }
    .a9{
        left: 25.01px;
        top: 368.48px;
        width: 173.32px;
        height: 248.51px;
        border-radius: 18px;
        position: absolute;

    }
    .w1{
        left: 74.2px;
        top: 413.63px;
        width: 72.39px;
        height: 96.9px;
        opacity: 1;
        background: url(https://img.js.design/assets/img/622ad488cde90aeb2456c29f.png#d6555bb25e7a2d7b023d30247bf88de7);
position: absolute;
    }
    .w2{
        left: 213.14px;
        top: 368.48px;
        width: 173.32px;
        height: 248.51px;
        border-radius: 18px;
        position: absolute;

    }
    .w3{
        left: 267.85px;
        top: 411.39px;
        width: 61.35px;
        height: 93.52px;
        opacity: 1;
        background: url(https://img.js.design/assets/img/622ad4890611494f76a6e0bd.png#bac51b4c8cd54ad43b8b29cda0f43e61);
position: absolute;
    }
    .w4{
        left: 25.01px;
        top: 632.03px;
        width: 173.32px;
        height: 248.51px;
        border-radius: 18px;
        position: absolute;


    }
    .w5{
        left: 84.67px;
        top: 675.82px;
        width: 51.46px;
        height: 91.88px;
        opacity: 1;
        background: url(https://img.js.design/assets/img/622ad4870611494a0ca6e0ae.png#0dec687ab64112661d907587c67affa0);
position: absolute;
    }
    .w6{
        left: 213.14px;
        top: 632.03px;
        width: 173.32px;
        height: 248.51px;
        border-radius: 18px;
        position: absolute;
    }
    .w7{
        left: 248.16px;
        top: 694.41px;
        width: 100.63px;
        height: 65.41px;
        opacity: 1;
        background: url(https://img.js.design/assets/img/622ad48885c5ceacaa788f64.png#5bfcc1b8fc51f2be96176a8891c36810);
position: absolute;
    }
    .r1{
        left: 40.01px;
        top: 234.89px;
        width: 137.02px;
        height: 18px;
        opacity: 1;
        position: absolute;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.1px;
        line-height: 18px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: middle;

    }
    .r2{
        left: 40.01px;
        top: 257.89px;
        width: 78.37px;
        height: 14.89px;
        opacity: 1;
        position: absolute;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18px;
        color: rgba(124, 124, 124, 1);
        text-align: left;
        vertical-align: middle;

    }
    .r3{
        left: 40.01px;
        top: 309.58px;
        width: 52.13px;
        height: 18px;
        opacity: 1;
        position: absolute;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 0.1px;
        line-height: 18px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: middle;

    }
    .r4{
        left: 138.67px;
        top: 292.78px;
        width: 45.67px;
        height: 45.67px;
        opacity: 1;
        border-radius: 17px;
        background: rgba(83, 177, 117, 1);
        position: absolute;

    }
    .r5{
        left: 153px;
        top: 307.11px;
        width: 17px;
        height: 17px;
        opacity: 1;
        background: rgb(83, 177, 117);
        position: absolute;
    }
    .t1{
        left: 228.14px;
        top: 234.89px;
        width: 137.02px;
        height: 18px;
        opacity: 1;
        position: absolute;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.1px;
        line-height: 18px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: middle;

    }
    .t2{
        left: 228.14px;
        top: 257.89px;
        width: 82.15px;
        height: 14.89px;
        opacity: 1;
        position: absolute;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18px;
        color: rgba(124, 124, 124, 1);
        text-align: left;
        vertical-align: middle;

    }
    .t3{
        left: 228.14px;
        top: 309.58px;
        width: 52.13px;
        height: 18px;
        opacity: 1;
        position: absolute;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 0.1px;
        line-height: 18px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: middle;

    }
    .t4{
        left: 326.79px;
        top: 292.78px;
        width: 45.67px;
        height: 45.67px;
        opacity: 1;
        border-radius: 17px;
        background: rgba(83, 177, 117, 1);
        position: absolute;
    }
    .t5{
        left: 341.13px;
        top: 307.11px;
        width: 17px;
        height: 17px;
        opacity: 1;
        background: rgb(83, 177, 117);
        position: absolute;
    }
    .y1{
        left: 40.01px;
        top: 498.43px;
        width: 115px;
        height: 40px;
        opacity: 1;
        position: absolute;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.1px;
        line-height: 20px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: middle;

    }
    .y2{
        left: 40.01px;
        top: 540.43px;
        width: 89.05px;
        height: 14.89px;
        opacity: 1;
        position: absolute;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18px;
        color: rgba(124, 124, 124, 1);
        text-align: left;
        vertical-align: middle;

    }
    .y3{
        left: 40.01px;
        top: 564.12px;
        width: 52.13px;
        height: 36px;
        opacity: 1;
        position: absolute;
        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 0.1px;
        line-height: 18px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: middle;

    }
    .y4{
        left: 138.67px;
        top: 556.33px;
        width: 45.67px;
        height: 45.67px;
        opacity: 1;
        border-radius: 17px;
        background: rgba(83, 177, 117, 1);
        position: absolute;
    }
    .y5{
        left: 153px;
        top: 570.66px;
        width: 17px;
        height: 17px;
        opacity: 1;
        background: rgb(83, 177, 117);
        position: absolute;
    }
    .u1{
        left: 228.14px;
        top: 508.43px;
        width: 98px;
        height: 20px;
        opacity: 1;
        position: absolute;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.1px;
        line-height: 20px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: middle;

    }
    .u2{
        left: 228.14px;
        top: 540.43px;
        width: 89.05px;
        height: 14.89px;
        opacity: 1;
        position: absolute;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18px;
        color: rgba(124, 124, 124, 1);
        text-align: left;
        vertical-align: middle;

    }
    .u3{
        left: 228.14px;
        top: 564.12px;
        width: 52.13px;
        height: 36px;
        opacity: 1;
        position: absolute;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 0.1px;
        line-height: 18px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: middle;

    }
    .u4{
        left: 326.79px;
        top: 556.33px;
        width: 45.67px;
        height: 45.67px;
        opacity: 1;
        border-radius: 17px;
        background: rgba(83, 177, 117, 1);
        position: absolute;
    }
    .u5{
        left: 341.13px;
        top: 570.66px;
        width: 17px;
        height: 17px;
        opacity: 1;
        background: rgb(83, 177, 117);
        position: absolute;
    }
    .i1{
        left: 40.01px;
        top: 761.98px;
        width: 137.02px;
        height: 18px;
        opacity: 1;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.1px;
        line-height: 18px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: middle;
        position: absolute;
    }
    .i2{
        left: 40.01px;
        top: 784.98px;
        width: 78.37px;
        height: 14.89px;
        opacity: 1;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18px;
        color: rgba(124, 124, 124, 1);
        text-align: left;
        vertical-align: middle;
        position: absolute;
    }
    .i3{
        left: 40.01px;
        top: 836.67px;
        width: 52.13px;
        height: 18px;
        opacity: 1;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 0.1px;
        line-height: 18px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: middle;
        position: absolute;
    }
    .i4{
        left: 138.67px;
        top: 819.88px;
        width: 45.67px;
        height: 45.67px;
        opacity: 1;
        border-radius: 17px;
        background: rgba(83, 177, 117, 1);
        position: absolute;
    }
    .i5{
        left: 153px;
        top: 834.21px;
        width: 17px;
        height: 17px;
        opacity: 1;
        background: rgb(83, 177, 117);
        position: absolute;
    }
    .o1{
        left: 228.14px;
        top: 761.98px;
        width: 137.02px;
        height: 18px;
        opacity: 1;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.1px;
        line-height: 18px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: middle;
        position: absolute;
    }
    .o2{
        left: 228.14px;
        top: 784.98px;
        width: 80.69px;
        height: 14.89px;
        opacity: 1;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18px;
        color: rgba(124, 124, 124, 1);
        text-align: left;
        vertical-align: middle;
        position: absolute;
    }
    .o3{
        left: 228.14px;
        top: 836.67px;
        width: 52.13px;
        height: 18px;
        opacity: 1;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 0.1px;
        line-height: 18px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: middle;
        position: absolute;
    }
    .o4{
        left: 326.79px;
        top: 819.88px;
        width: 45.67px;
        height: 45.67px;
        opacity: 1;
        border-radius: 17px;
        background: rgba(83, 177, 117, 1);
        position: absolute;
    }
    .o5{
        left: 341.13px;
        top: 834.21px;
        width: 17px;
        height: 17px;
        opacity: 1;
        background: rgb(83, 177, 117);
        position: absolute;
    }
</style>



</html>